export const pubcss = `
table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
table th {
	background-color: #f0f0f0;
	padding: 8px;
	border: 1px solid #ccc;
}
table td {
	padding: 8px;
	border: 1px solid #ccc;
}
.prTitle {
	user-select: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prLabel {
	all: unset;
	display: flex;
	align-items: center;
	font-size: 12px;
	user-select: none;
	width: max-content;
}

.prLabel-text {
	flex: 1;
}

.es-drager-rotate {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -200%);
}

.es-drager-rotate-handle {
	width: 16px;
	height: 16px;
	font-size: 20px;
	color: var(--es-drager-color);
}

.es-drager {
	--es-drager-color: #3a7afe;
	position: absolute;
}

.es-drager:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.es-drager.selected {
	transition: none;
	-webkit-user-select: none;
	user-select: none;
}

.es-drager.selected:after {
	display: block;
	outline: 1px dashed var(--es-drager-color);
}

.es-drager.selected .es-drager-dot {
	display: block;
}

.es-drager.border {
	border: 1px solid var(--es-drager-color);
}

.es-drager.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

.es-drager:hover {
	cursor: move;
}

.es-drager-dot {
	display: none;
	position: absolute;
	z-index: 1;
	transform: translate(-50%, -50%);
	cursor: se-resize;
}

.es-drager-dot[data-side*="right"] {
	transform: translate(50%, -50%);
}

.es-drager-dot[data-side*="bottom"] {
	transform: translate(-50%, 50%);
}

.es-drager-dot[data-side="bottom-right"] {
	transform: translate(50%, 50%);
}

.es-drager-dot-handle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--es-drager-color);
}

.vdr-container {
	width: max-content;
	position: absolute;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.vdr-container.active {
	border-color: #000;
	border-style: dashed;
}
.vdr-container.dragging {
	border-color: #000;
	border-style: solid;
}
.vdr-handle {
	box-sizing: border-box;
	position: absolute;
	width: 7px;
	height: 7px;
	background: #f0f0f0;
	border: 1px solid #333;
}
.vdr-handle-tl {
	top: -4px;
	left: -4px;
	cursor: nw-resize;
}
.vdr-handle-tm {
	top: -4px;
	left: 50%;
	margin-left: -3px;
	cursor: n-resize;
}
.vdr-handle-tr {
	top: -4px;
	right: -4px;
	cursor: ne-resize;
}
.vdr-handle-ml {
	top: 50%;
	margin-top: -3px;
	left: -4px;
	cursor: w-resize;
}
.vdr-handle-mr {
	top: 50%;
	margin-top: -3px;
	right: -4px;
	cursor: e-resize;
}
.vdr-handle-bl {
	bottom: -4px;
	left: -4px;
	cursor: sw-resize;
}
.vdr-handle-bm {
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
	cursor: s-resize;
}
.vdr-handle-br {
	bottom: -4px;
	right: -4px;
	cursor: se-resize;
}

.comp[data-v-075417de] {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.comp .logo[data-v-075417de] {
	font-size: 17px;
	font-weight: bold;
	color: #00afff;
}
.comp .opaction[data-v-075417de] {
	display: flex;
	align-items: center;
}
.comp .opaction .icon[data-v-075417de] {
	width: 14px;
	height: 14px;
}
.complistData[data-v-c5f96d85] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	user-select: none;
}
.title[data-v-c5f96d85] {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;
}
.title-box[data-v-c5f96d85] {
	width: 5px;
	height: 20px;
	background-color: #1890ff;
}
.complist[data-v-c5f96d85] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}
.complist-item[data-v-c5f96d85] {
	padding: 7px;
	display: flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
	border: solid 1px transparent;
	border-radius: 5px;
	user-select: none;
	background: #f4f6fc;
	cursor: move;
}
.complist-item[data-v-c5f96d85]:hover {
	border: 1px dashed #1890ff;
	color: #1890ff;
}
.complist-item-icon[data-v-c5f96d85] {
	width: 12px;
	height: 12px;
}
.complist-item-title[data-v-c5f96d85] {
	font-size: 12px;
}
.el-tab-pane[data-v-630d87c1] {
	padding: 10px;
}
.tabs[data-v-630d87c1] {
	width: 100%;
}
[data-v-e4b4c248] .sortable-chosen .ghost {
	display: none !important;
}
[data-v-e4b4c248] .ant-divider {
	margin: 0 !important;
}
.app[data-v-e4b4c248] {
	width: 210mm;
	display: flex;
	flex-direction: column;
}
.el-header[data-v-e4b4c248] {
	border: 1px solid #eee;
	display: flex;
	align-items: center;
}
.el-aside[data-v-e4b4c248] {
	border: 1px solid #eee;
	border-top: transparent;
	width: 300px;
}
.el-aside[data-v-e4b4c248]:first-child {
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.compbody[data-v-e4b4c248] {
	width: 210mm;
	height: 297mm;
	display: flex;
	justify-content: center;
}
.compbody .contenter[data-v-e4b4c248] {
	width: 210mm;
	height: 297mm;
	background-color: #fcf7f7;
	pointer-events: fill;
	position: relative;
	overflow: hidden;
}
.compbody .contenter .selectnode[data-v-e4b4c248] {
	cursor: move !important;
}
.compbody .contenter .contextmenu[data-v-e4b4c248] {
	position: absolute;
	width: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	background-color: white;
	padding: 10px 5px;
	border-radius: 5px;
	z-index: 9999999;
	user-select: none;
}
.compbody .contenter .contextmenu-content[data-v-e4b4c248] {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.compbody .contenter .contextmenu-content[data-v-e4b4c248]:hover {
	background-color: #f7f7f7;
	cursor: pointer;
	border-radius: 5px;
}
.xl-lable {
	user-select: none;
}
.xl-lable table {
	width: 100%;
	height: 100%;
	text-align: center;
}
.xl-lable table th {
	background-color: #f0f0f0;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 15px;
}
.xl-lable table td {
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 14px;
}
.prBarcode {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	user-select: none;
}
.prBarcode-img {
	width: 100%;
	height: 100%;
}
.tooth {
	width: 200px;
	display: table;
}
.tooth-row {
	display: table-row;
}
.tooth .cell {
	display: table-cell;
}
.tooth .cell1,
.tooth .cell2 {
	border-bottom: 1px dashed black;
	vertical-align: bottom;
}
.tooth .cell1,
.tooth .cell3 {
	border-right: 1px dashed black;
}
.tooth-item {
	display: flex;
	justify-content: flex-start;
	padding: 5px;
}
.tooth-item-item {
	margin: 0 2.5px;
}
.tooth .end {
	display: flex;
	justify-content: flex-end;
}`;
